<template>
	<div class="footer-submit-wrap">
		<div class="footer-content">
            <slot></slot>
		</div>
	</div>
</template>

<script lang="ts" setup></script>

<style scoped lang="scss">
.footer-submit-wrap {
	height: 50px;
	.footer-content {
        position: fixed;
		right: 15px;
		bottom: 0;
		left: 15px;
		z-index: 999;
		display: flex;
		height: inherit;
		background: var(--el-bg-color-overlay);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
		--tw-shadow: var(--el-box-shadow);
		--tw-shadow-colored: var(--el-box-shadow);
		align-items: center;
		justify-content: center;
		transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out,
			var(--el-transition-duration) padding-right ease-in-out;
	}
}
</style>
